<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>内容管理系统</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="../dist/css/font-awesome.min.css">
  <link rel="stylesheet" href="../dist/css/ionicons.min.css">
    <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
  <!-- 自定义样式 -->
  <link rel="stylesheet" href="../css/admin.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <!-- 头部信息 -->
  <header class="main-header"></header>
  <!--  左侧导航 -->
  <aside class="main-sidebar"></aside>

  <!-- 内容区域 -->
  <div class="content-wrapper">
    <!-- 内容标题 -->
    <section class="content-header">
        <h1>
            品牌故事管理
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="#">生成</a></li>
            <li class="active">添加</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content pd-top0">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <div class="box">
                    <div class="box-body solist">
                        <div class="box-form form-inline">
                            <a href="add_story.html" class="btn btn-primary bg-pink btn-big">新建版块</a>
                            <div class="form-group">
                                <label></label>
                                <select class="form-control">
                                    <option value="0">请选择版块名称</option>
                                    <option value="1">女士护肤</option>
                                    <option value="2">彩妆</option>
                                    <option value="3">男士护肤</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label></label>
                                <select class="form-control">
                                    <option value="0">选择版块状态</option>
                                </select>
                            </div>
                            <button type="button" class="btn btn-default">搜索</button>
                        </div>
                        <table class="table table-bordered text-center">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>版块名称</th>
                                    <th>创建时间</th>
                                    <th>更新时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>品牌含义</td>
                                    <td>2016-12-06 14:45:23</td>
                                    <td>2016-12-06 14:45:23</td>
                                    <td><span class="label label-success">已启用</span></td>
                                    <td>
                                        <a href="add_story.html" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin" data-toggle="modal" data-target="#myModal">删除</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;">停用</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>梦妆理念</td>
                                    <td>2016-12-06 14:45:23</td>
                                    <td>2016-12-06 14:45:23</td>
                                    <td><span class="label label-gray">未启用</span></td>
                                    <td>
                                        <a href="add_story.html" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;">删除</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;">启用</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="box-footer solist clearfix">
                        <ul class="pagination pagination-sm no-margin pull-right">
                            <li><a href="#">«</a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">»</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--/.col (left) -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
</div>
<!-- ./wrapper -->


<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../dist/js/app.min.js"></script>
<!-- <script src="../dist/js/demo.js"></script> -->

<script type="text/javascript">
  var pageMenu = {"active": [1]};
  
</script>
<script src="../js/vendors.js" type="text/javascript"></script>
<script src="../js/index.js" type="text/javascript"></script>
</body>
</html>
